// 课程列表页
.app_courseDetails {
    width: 100%;
    // 预览显示页面
    .imgBox1 {
        width: 100%;
        height: 370px;

        .iconfont {
            top: 5px;
            left: 10px;
        }

        img {
            width: 100%;
            height: 100%;
        }
    }

    // 版心
    .wb {
        width: 90%;
        margin: 0 auto;

        // 标题部分
        .title {
            h3 {
                color: #101010;
                font-size: 20px;
                line-height: 40px;
            }

            .dataBox {
                border-bottom: 1px solid #8a8a8a;
            }

            p {
                color: #8A8A8A;
                font-size: 14px;
                line-height: 40px;

                span {
                    color: #101010;
                    font-size: 20px;
                    font-weight: bold;
                }
            }
        }

        // 第三个盒子
        .theThird {
            margin-top: 10px;

            // 达人头像
            .imgBox {
                img {
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                }
            }

            // 用户名
            .username {
                justify-content: space-evenly;
            }

            //关注
            .attention {
                align-self: center;
                text-align: center;
                line-height: 36px;
                color: white;
                width: 80px;
                height: 36px;
                border-radius: 18px;
                background-color: #4294ff;
            }
        }

        //课程描述
        .describe {
            color: #8a8a8a;
            font-size: 16px;
            margin-top: 20px;
        }

        //开始训练
        .start {
            width: 100%;
            height: 54px;
            line-height: 54px;
            text-align: center;
            background-color: #4294ff;
            color: white;
            border-radius: 27px;
            margin-top: 40px;
        }
    }


}